﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ContactUs.aspx.cs" Inherits="Pages_ContactUs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <h1 class="title">
        <asp:Label runat="server" Text="<%$ Resources: ContactUs, ContactenosTitle %>"></asp:Label>
    </h1>
    <p>
        <asp:Literal runat="server" Text="<%$ Resources: ContactUs, ContactenosContent %>"></asp:Literal>
    </p>

    <asp:Panel runat="server" ID="SuccessAlert" Visible="false" style="margin-bottom: 10px">
        <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 10px .7em;">
            <div>
            <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                <%= Resources.ContactUs.MensajeEnviado %>
            </div>
        </div>
    </asp:Panel>

    <asp:Panel runat="server" ID="ErrorAlert" Visible="false" style="margin-bottom: 10px;">
        <div class="ui-state-error ui-corner-all" style="margin-top: 20px; padding: 10px .7em;">
            <div>
            <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
                <%= Resources.ContactUs.ErrorEnvioMensaje%>
            </div>
            </div>
    </asp:Panel>

    <div class="validationGroup" style="margin-left:100px;">
        <div class="field">
            <div class="label">
                <asp:Label ID="NombreLabel" runat="server" Text="<%$ Resources: ContactUs, Nombre %>"
                    AssociatedControlID="NombreTextBox"></asp:Label>
                <asp:Label ID="NombreErrorLabel" runat="server"
                    CssClass="mensajes">
                </asp:Label>
            </div>
            <asp:TextBox ID="NombreTextBox" runat="server" CssClass="normalField">
            </asp:TextBox>            
        </div>

        <div class="field">
            <div class="label">
                <asp:Label ID="EmailLabel" runat="server" Text="<%$ Resources: ContactUs, Email %>"
                    AssociatedControlID="NombreTextBox"></asp:Label>
                <asp:Label ID="EmailErrorLabel" runat="server"
                    CssClass="mensajes">
                </asp:Label>
            </div>
            <asp:TextBox ID="EmailTextBox" runat="server" CssClass="normalField hint"
                ToolTip="<%$ Resources: ContactUs, EmailHint %>">
            </asp:TextBox>            
        </div>

        <div class="field">
            <div class="label">
                <asp:Label ID="MensajeLabel" runat="server" Text="<%$ Resources: ContactUs, Mensaje %>"
                    AssociatedControlID="NombreTextBox"></asp:Label>
                <asp:Label ID="MensajeErrorLabel" runat="server"
                    CssClass="mensajes">
                </asp:Label>
            </div>
            <asp:TextBox ID="MensajeTextBox" runat="server"
                TextMode="MultiLine"
                CssClass="bigField"
                Rows="5">
            </asp:TextBox>            
        </div>
            
        <div class="buttonsPanel">
            <asp:LinkButton ID="EnviarLinkButton" runat="server"
                CssClass="button causesValidation"
                OnClick="EnviarLinkButton_Click"
                Text="<%$ Resources: ContactUs, BotonEnviar %>">
            </asp:LinkButton>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".hint").tipTip({ defaultPosition: 'right', activation: 'focus' });
            
            $("#form1").validate({
                onsubmit: false,
                errorPlacement: function(error, element) {
                    error.appendTo(element.prev("div.label").children("span.mensajes")); //pone el mensaje de error en el label del field
                },
                rules: {
                    <%= NombreTextBox.UniqueID %>: {
                        required: true
                    },
                    <%= EmailTextBox.UniqueID %>: {
                        email: true,
                        required: true
                    },
                    <%= MensajeTextBox.UniqueID %>: {
                        required: true
                    }
                },
                messages: {
                    <%= NombreTextBox.UniqueID %>: {
                        required: "<%= Resources.ContactUs.ErrorNombre %>"
                    },
                    <%= EmailTextBox.UniqueID %>: {
                        required: "<%= Resources.ContactUs.ErrorEmailRequerido %>",
                        email: "<%= Resources.ContactUs.ErrorEmailIncorrecto %>"
                    },
                    <%= MensajeTextBox.UniqueID %>: {
                        required: "<%= Resources.ContactUs.ErrorMensaje %>"
                    }
                }
            });
            $("#<%= EnviarLinkButton.ClientID %>").click(function(){
                //$("#aspnetForm").attr("action",'<%= ResolveUrl("~/") %>es/Contactenos');
            });
        });
    </script>
</asp:Content>

